<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="app-courseTraining">
        <div class="videoBox">
            <video id="videoUrl" muted></video>
        </div>
        <div class="courseProject">
            <p>
                <span id="sectionNum">-</span>
                <span id="toSecNum">-</span>
            </p>
            <p id="curName">--</p>
        </div>
        <div class="bottomControl dpflex">
            <p id="program" class="program">
                <span id="point" class="point"></span>
            </p>
            <i class="iconfont icon-xueyuan-shangyijie" id="last"></i>
            <i class="iconfont icon-stop" id="icon"></i>
            <i class="iconfont icon-xiayijie_" id="next"></i>
        </div>
        <div class="mask">
            <p class="slogan">放弃可以找到一万个理由，坚持只需要一个信念！</p>
            <div class="mask-cont dpflex fdcolumn fdspaceB">
                <div class="operate dpflex fdspaceB">
                    <p class="goOn dpflex fdcolumn ">
                        <i class="iconfont icon-bofang"></i>
                        <span>继续训练</span>
                    </p>
                    <p id="finishes" class="finishes dpflex fdcolumn">
                        <i class="iconfont icon-jieshu"></i>
                        <span>结束训练</span>
                    </p>
                </div>
                <div class="nowProject dpflex">
                    <p>
                        <img id="imgUrl" alt="">
                    </p>
                    <p>
                        <span>当前：</span>
                        <span class="projectName">胯关节环绕</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>